<template>
  <div>
    <TUIKit/>
    <TUICallKit class="callkit-container" :allowedMinimized="true" :allowedFullScreen="false"/>
  </div>
</template>
<script setup lang="ts">
import {getCurrentInstance, reactive} from "vue";
import {TUILogin} from '@tencentcloud/tui-core';
import {framework} from '../../TUIKit/adapter-vue';
import {TUIKit} from "../../TUIKit";
import {TUICallKit} from '@tencentcloud/call-uikit-vue';

const {proxy} = getCurrentInstance();
proxy.$http('/front/customer/im/createAccount', "GET", null, true, function (resp) {
      let result = resp.result;
      let account = result.account;
      let sdkAppId = result.sdkAppId;
      let userSig = result.userSig
      TUILogin.login({
        SDKAppID: sdkAppId,
        userID: account,
        userSig: userSig,
        useUploadPlugin: true,
        framework,
      });
    }
)

</script>
<style scoped lang="less">
@import "customer_im";
</style>
